<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />



<meta name="keywords" content="" />

<meta name="description" content="" />

<title>7 Eleven - <?=$page_title?></title>

<link href="<?=base_url()?>css/layout.css" rel="stylesheet" type="text/css">

<!--[if IE]>

<link rel='stylesheet' type='text/css' href='<?=base_url()?>css/iefixed.css' />

<![endif]-->

<!--[if lt IE 6]>

<link rel='stylesheet' type='text/css' href='<?=base_url()?>css/ie6fixed.css' />

<![endif]-->



<script type="text/javascript" src="<?=base_url()?>js/jquery.js"></script>

<script type="text/javascript" src="<?=base_url()?>js/json2.js"></script>

<!--<script type="text/javascript" src="<?=base_url()?>js/jquery.pngfix.js"></script>-->

<script type="text/javascript" src="<?=base_url()?>js/iepngfix_tilebg.js"></script>

<script type="text/javascript">

 //<![CDATA[



 // If you don't want to put nonstandard properties in your stylesheet, here's yet

 // another means of activating the script. This assumes that you have at least one

 // stylesheet included already in the document above this script.

 // To activate, delete the CSS rules above and uncomment below (remove /* and */ ).



 /*

 if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent) &&

  document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule)

 {

  document.styleSheets[0].addRule('*', 'behavior: url(iepngfix.htc)');

  // Feel free to add rules for specific elements only, as above.

  // You have to call this once for each selector, like so:

  //document.styleSheets[0].addRule('img', 'behavior: url(iepngfix.htc)');

  //document.styleSheets[0].addRule('div', 'behavior: url(iepngfix.htc)');

 }

 */





 // Here's another script that disables all PNGs in IE when the page is printed.

 /*

 if (window.attachEvent && /MSIE (5\.5|6)/.test(navigator.userAgent))

 {

  function printPNGFix(disable)

  {

   for (var  i = 0; i < document.all.length; i++)

   {

    var e = document.all[i];

    if (e.filters['DXImageTransform.Microsoft.AlphaImageLoader'] || e._png_print)

    {

     if (disable)

     {

      e._png_print = e.style.filter;

      e.style.filter = '';

     }

     else

     {

      e.style.filter = e._png_print;

      e._png_print = '';

     }

    }

   }

  };

  window.attachEvent('onbeforeprint',  function() { printPNGFix(1) });

  window.attachEvent('onafterprint',  function() { printPNGFix(0) });

 }

 */



 //]]>

 </script>

<script type="text/javascript">

var $j = jQuery.noConflict(); 

$j(function()

{

	var minWidth = 75;

	var outer_left = $j('#outer_left');

	var pgwrap = $j('#pgwrap');



	$j(window).bind('resize', function(){

		var left = pgwrap.offset().left;



		var leftOffset = ((minWidth - left) * -1);

		outer_left.css('left', (leftOffset < 0 ? leftOffset : 0));

	});



	$j(window).trigger('resize');

	updatecart();

	updatenumberitems();

    

});



function updatecart() {

	$j.ajax({

		url: '<?=base_url()?>store/updatecart/',

		success: function(html) {

		   $j('#total-price-footer').html('$' + html);

			$j('#basket').html('$' + html);

		}

	})

}

function updatenumberitems() {

	$j.ajax({

		url: '<?=base_url()?>store/updatenumberitems/',

		success: function(html) {

			$j('#total-items-footer').html(html);

		}

	})

}

function MM_findObj(n, d) { //v4.01

	var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

	if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

	if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_preloadImages() { //v3.0

	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_swapImgRestore() { //v3.0

	var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_swapImage() { //v3.0

	var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

	if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

</script>

</head>

<body>

 <div id="outer_left"></div>

 <div id="pgwrap">

	<!-- HEADER // START -->

	<div id="header">

    	<div id="logo"><span><a href="<?=base_url()?>" title="7 Eleven"><img src="<?=base_url()?>img/blank.gif" width="100" height="86" /></a></span></div>

    	<table width="783px">

    		<tr height="22px">

    			<td></td>

    		</tr>

    		<tr>

    			

    			<td width="145px">

    				<div style="float:left;margin-left:5px; width:140px;"><img src="<?=base_url()?>img/merchandise-store.jpg" alt="MERCHANDISE STORE" />

              		</div>

    			</td>

    			<td align="right">

    				<div id="topnav">

                 <ul>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','<?=base_url()?>img/topnav/home-over.jpg',1)" href="<?=base_url()?>"><img id="Home" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="Home"){ echo 'home-over.jpg';}else{echo'home.jpg';}?>" alt="HOME" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','<?=base_url()?>img/topnav/products-over.jpg',1)" href="<?=base_url()?>store/category/1"><img id="Products" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="1"){ echo 'products-over.jpg';}else{echo'products.jpg';}?>" alt="PRODUCTS" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Size','','<?=base_url()?>img/topnav/size-chart-over.jpg',1)" href="<?=base_url()?>size-chart"><img id="Size" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="2"){ echo 'size-chart-over.jpg';}else{echo'size-chart.jpg';}?>" alt="SIZE CHART" /></a></li>

                   <!--<li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sale','','<?=base_url()?>img/topnav/on-sale-over.png',1)" href="<?=base_url()?>store/category/3"><img id="Sale" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="3"){ echo 'on-sale-over.jpg';}else{echo'on-sale.jpg';}?>" alt="ON SALE" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Signup','','<?=base_url()?>img/topnav/signup-over.png',1)" href="<?=base_url()?>store/trade"><img id="Signup" src="<?=base_url()?>img/topnav/signup.png" alt="SIGN UP" /></a></li>-->

                   

                   <li style="padding:0"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','<?=base_url()?>img/topnav/contact-over.jpg',1)" href="<?=base_url()?>contact"><img id="Contact" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="Contact"){ echo 'contact-over.jpg';}else{echo'contact.jpg';}?>" alt="CONTACT" /></a></li>

                 </ul>

              </div>

    			</td>

    		</tr>

    	</table>
			
    	<table bgcolor="#e8e8e8" style="height:40px;
	width:783px;
	background:#e8e8e8;
	margin-top:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;"> 

    		<tr>

    			<td valign="middle" width="208px">
					&nbsp;&nbsp;&nbsp;&nbsp;
    				<? if($this->session->userdata('7elevencloggedin')) { $user = $this->session->userdata('7elevencloggedin');$customer = $this->Customer_model->identify($user['customer_id']);?><span class="grey">Logged in as:&nbsp;</span><span class="green"><? echo to_short($customer['storeno'],16)?></span><? } ?>

    			</td>

    			<td valign="middle">

    			<div style="float:left;width:128px"><span class="grey">Your basket:&nbsp;</span><span class="green" id="basket"></span>	

    			</td>

    			<td valign="middle">

    				<div style="float:right;width:124px;"><a href="<?=base_url()?>store/cart"><img src="<?=base_url()?>img/view-basket.png" alt="View Basket" /></a></div>

    			</td>


    			<td width="289px" bgcolor="#dcdcdc">

    				 <form name="searchForm" method="post" action="<?=base_url()?>store/search">

                 <table cellpadding="0" cellspacing="0" border="0" bgcolor="#dcdcdc">

                   <tr>
                   <td><span class="green">SEARCH STORE</span></td><td width="5px"></td>
                   <td><input type="text" name="keyword" /></td><td><a href="#" onclick="document.searchForm.submit()"><img src="<?=base_url()?>img/search-button.png" alt="" /></a></td>

                   </tr>

                  </table>

                </form>

    			</td>

    		</tr>

    	</table>

        <!--

        <div id="right_header">

           <div style="clear:both;height:11px">

              <div style="float:left;margin-left:5px; width:140px;"><img src="<?=base_url()?>img/merchandise-store.png" alt="MERCHANDISE STORE" />

              </div>

              <div id="topnav">

                 <ul>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','<?=base_url()?>img/topnav/home-over.png',1)" href="<?=base_url()?>"><img id="Home" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="Home"){ echo 'home-over.png';}else{echo'home.png';}?>" alt="HOME" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','<?=base_url()?>img/topnav/products-over.png',1)" href="<?=base_url()?>store/category/1"><img id="Products" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="1"){ echo 'products-over.png';}else{echo'products.png';}?>" alt="PRODUCTS" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Size','','<?=base_url()?>img/topnav/size-chart-over.png',1)" href="<?=base_url()?>size-chart"><img id="Size" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="2"){ echo 'size-chart-over.png';}else{echo'size-chart.png';}?>" alt="SIZE CHART" /></a></li>

                   <!--<li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sale','','<?=base_url()?>img/topnav/on-sale-over.png',1)" href="<?=base_url()?>store/category/3"><img id="Sale" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="3"){ echo 'on-sale-over.png';}else{echo'on-sale.png';}?>" alt="ON SALE" /></a></li>

                   <li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Signup','','<?=base_url()?>img/topnav/signup-over.png',1)" href="<?=base_url()?>store/trade"><img id="Signup" src="<?=base_url()?>img/topnav/signup.png" alt="SIGN UP" /></a></li>-->

                   <!--

                   <li style="padding:0"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','<?=base_url()?>img/topnav/contact-over.png',1)" href="<?=base_url()?>contact"><img id="Contact" src="<?=base_url()?>img/topnav/<?php if(isset($current_page)&&$current_page=="Contact"){ echo 'contact-over.png';}else{echo'contact.png';}?>" alt="CONTACT" /></a></li>

                 </ul>

              </div>

           </div>

           <div id="header_bottom">

            <div id="header_bottom_left">

             <div style="padding-left:10px">

                <div id="loggedin"><? if($this->session->userdata('7elevencloggedin')) { $user = $this->session->userdata('7elevencloggedin');$customer = $this->Customer_model->identify($user['customer_id']);?><span class="grey">Logged in as:&nbsp;</span><span class="green"><? echo to_short($customer['storeno'],16)?></span><? } ?></div>

                 <div id="shopping_basket"><div style="padding-top:14px;float:left;width:128px"><span class="grey">Your basket:&nbsp;</span><span class="green" id="basket"></span></div>

                      <div style="float:right;width:124px;padding-top:5px"><a href="<?=base_url()?>store/cart"><img src="<?=base_url()?>img/view-basket.png" alt="View Basket" /></a></div>

                 </div>

             </div>

            </div>

            <div id="header_bottom_right">

               <div style="float:left;width:90px;padding-left:10px;padding-top:14px"><span class="green">SEARCH STORE</span>

               </div>

               <div style="float:left;width:189px;padding-top:4px;">

                <form name="searchForm" method="post" action="<?=base_url()?>store/search">

                 <table cellpadding="0" cellspacing="0" border="0">

                   <tr><td><input type="text" name="keyword" /></td><td><a href="#" onclick="document.searchForm.submit()"><img src="<?=base_url()?>img/search-button.png" alt="" /></a></td>

                   </tr>

                  </table>

                </form>

               </div>

            </div>

           </div>-->

        </div>

    </div>

    <!-- HEADER // END -->

    <!-- MAIN // START -->

    <div id="main">